body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}
table{border-collapse: collapse;}
ul,
li,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

i {
	font-style: normal;
}

html {
	font: 16px/1.5 Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	-webkit-overflow-scrolling: touch;
}

[v-cloak] {
	display: none;
}

img {
  width: 100%;
  height: 100%;
}

.p15 {
  padding: 0 15px;
}

.m15{
  margin: 0 15px;
}


/**
公共宽度百分比
*/
.w-8 {
	width: 8%;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

.w-92 {
	width: 92%;
	margin: 0px auto;
}

.w-93 {
	width: 93%;
	margin: 0px auto;
}

.w-94 {
	width: 94%;
	margin: 0px auto;
}

.w-96 {
	width: 96%;
	margin: auto;
}

.w-98 {
	width: 98%;
	margin: 0px auto;
}


.w-100 {
	width: 100%;
}

/*
* 高度
*/

.h-100 {
	height: 100%;
}

.h-full {
	height: 100vh;
}



/*
flex布局（有其他的可加入）
**/

.flex {
	/* 转为弹性盒模型*/
	display: flex;
}

.flex_bet {
	/* 两端左右*/
	display: flex;
	justify-content: space-between;
}

.flex_wrap {
	/* 转为弹性盒模型并自动换行*/
	display: flex;
	flex-wrap: wrap;
}

.flex_inline {
	/* 转为行内弹性盒模型*/
	display: inline-flex;
}

.flex_y_start {
	/* 垂直顶部对齐*/
	display: flex;
	align-items: flex-start;
}

.flex_x_center {
	/* x轴对齐*/
	display: flex;
	justify-content: center;
}

.flex_x_start {
	/* x轴靠左*/
	display: flex;
	justify-content: flex-start;
}

.flex_x_end {
	/* x轴靠右*/
	display: flex;
	justify-content: flex-end;
}

.flex_y_center {
	/* y轴对齐*/
	display: flex;
	align-items: center;
}

.flex_y_end {
	/* 垂直底部对齐*/
	display: flex;
	align-items: flex-end;
}

/*
* 完全居中
*/
.flex_xy_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_tb {
	/* 垂直两端对齐*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.flex_tb_c {
	/* 多行垂直两端对齐，水平居中*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.flex_line_xy_center {
	/* 多行垂直居中，水平居中*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex_line_y_center {
	/* 多行垂直居中，*/
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex_line_end {
	/* 多行垂直起点在下沿*/
	display: flex;
	flex-direction: column-reverse;
}


/**
鼠标模式 - 手
*/

.hand {
	cursor: pointer;
}


/**
隐藏/显示
*/

.hide {
	display: none;
}

.hide-imp {
	display: none !important;
}

.show {
	display: block;
}

.show-imp {
	display: block !important;
}


/*行内*/

.dib {
	display: inline-block;
}


/*
虚边框/虚下边框线
**/

.border {
	border: 1px solid #E6E6E6;
}

.border-b {
	border-bottom: 1px solid #E6E6E6;
}


/**
基本用到的圆角
*/

.radius-5 {
	border-radius: 0.3125rem;
}

.radius-10 {
	border-radius: 0.625rem;
}

.radius-20 {
	border-radius: 20px;
}


/* 相对/绝对定位 */

.abs {
	position: absolute;
}

.rel {
	position: relative;
}


/** 
显示几行出现...
*/

.t-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.t-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.t-line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}


/**
字体（再有需求，可以在其中增加）
*/

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font24 {
	font-size: 24px;
}

.font28 {
	font-size: 28px;
}

.font30 {
	font-size: 30px;
}

.font38 {
	font-size: 38px;
}

.font40 {
	font-size: 40px;
}


/**
字重
*/

.weight-b {
	font-weight: bold;
}


/*基本无字重*/

.weight-100 {
	font-weight: 100;
}


/**
公共color (超过2个地方用到可以纳入公共样式)
*/

.c-white {
	color: white;
}

.c-w-impor {
	color: white !important;
}

.c-black {
	color: black;
}

.c-black-imp {
	color: black !important;
}

.c-ccc {
	color: #ccc;
}

.c-seagreen {
	color: seagreen;
}

.c-main {
	color: #2A66F2;
}

.c-main-imp {
	color: #2A66F2 !important;
}

.c-red {
	color: #FC3C38;
}

.c-red-imp {
	color: #FC3C38 !important;
}

.c-green {
	color: #47C88A;
}

.c-green-imp {
	color: #47C88A !important;
}

.c-secondary {
	color: #93A2BA;
}

.c-595C7D {
	color: #595C7D;
}

.c-191919 {
	color: #191919;
}

.c-warning {
	color: #e6a23c;
}

.c-warning-imp {
	color: #e6a23c !important;
}

.c-info {
	color: #909399;
}

.c-info-imp {
	color: #909399 !important;
}

.bg-white {
	background-color: white;
}

/*
左/右浮动
**/

.fr {
	float: right;
}

.fl {
	float: left;
}


/**
 * 清除浮动
 * */

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}

/* 清除浮动 */
.ofh {
	overflow: hidden;
}

/**
小量的 上下左右margin
*/

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.m-auto {
	margin: auto;
}

.mb0 {
	margin-bottom: 0;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

/* padding */
.pl10 {
	padding-left: 10px;
}

.pl20 {
	padding-left: 20px;
}

.pl30 {
	padding-left: 30px;
}

.pl40 {
	padding-left: 40px;
}

.pl50 {
	padding-left: 50px;
}

.pl60 {
	padding-left: 60px;
}

.pl100 {
	padding-left: 100px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

/**
内部靠 左/中/右
*/

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.tc {
	text-align: center;
}


/* 下划线 */

.tdn {
	text-decoration: underline;
}


/**
 * 768设备下
 */
@media only screen and (max-width:768px) {
	.font14 {
		font-size: 12px;
	}

	.font16,
	.font18 {
		font-size: 14px;
	}

	.font30 {
		font-size: 18px;
	}
}

/**
 * 修改整个页面html滚动条样式
 */
html::-webkit-scrollbar{
	width: 6px;
	height: 6px;
}

/*修改页面内滚动条样式*/
div::-webkit-scrollbar{
	width: 3px;
	height: 3px;
}

div::-webkit-scrollbar-track,
html::-webkit-scrollbar-track{
	background: rgb(239, 239, 239);
	border-radius: 2px;
}

div::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb{
	background: #9a9a9a;
	border-radius: 20px;
}

div::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover{
	background: #005566;
}

div::-webkit-scrollbar-corner,
html::-webkit-scrollbar-corner{
	background: #005566;
}
